<template>
	<view>
		<view class="uni-padding-wrap">
			<view class="cu-list menu-avatar"  v-for="(item,index) in jmtplist">
				<view class="cu-item">
					<view class="cu-avatar radius" style="background-color: white;" @click="quspxq(item)">
						<text class="cuIcon-recordfill text-green"></text>
					</view>
					<!-- <image @click="quspxq(item)" class="cu-avatar radius lg" :src="item.jmfm"></image> -->
					<view  class="content" @click="quspxq(item)">
						<view class="text-pink"><view class="text-cut">{{item.jmmc}}</view></view>
					</view>
					<view class="action">
						<view class="cu-capsule"  @click="addtpjg(item)">
							<view class='cu-tag bg-red'>
								<text class='cuIcon-likefill'></text>
							</view>
							<view class="cu-tag line-red">
								{{item.tpsz}}票
							</view>
						</view>
					</view>
					<view class="action"></view>
					<view class="action"></view>
				</view>
			</view>
		</view>
	</view>
</template>


<script>
	var _this;
	var vk = uni.vk;
	export default {
		data() {
			// 页面数据变量
			return {
				options:{},
				jmtplist:[],
				userinfo:{}
			}
		},
		//响应式数据后（数据加载后）
		created() {
			
		},
		//挂载阶段后（渲染完成模板后）
		mounted() {
			
		},
		//销毁之前
		beforeDestroy() {
			
		},
		// 监听 - 页面每次【加载时】执行(如：前进) await
		async onLoad(options = {}) {
			_this = this;
			vk = uni.vk;
			this.options = options;
			this.init(options);
			//获取用户信息
			this.userinfo = vk.getVuex('$user.userInfo');
			//console.log(this.userinfo._id)
			await this.getlblist()
		},
		// 监听 - 页面【首次渲染完成时】执行。注意如果渲染速度快，会在页面进入动画完成前触发
		onReady(){
			
		},
		// 监听 - 页面每次【显示时】执行(如：前进和返回) (页面每次出现在屏幕上都触发，包括从下级页面点返回露出当前页面)
		onShow() {
			
		},
		// 监听 - 页面每次【隐藏时】执行(如：返回)
		onHide() {
			
		},
		// 监听 - 点击右上角转发时
		onShareAppMessage(options) {
			
		},
		// 函数
		methods: {
			quspxq(item){
				vk.navigateTo('/pages_bd/jmtp/temp_video?temp1=' +item.splj);
			},
			getlblist(){
				return vk.callFunction({
				  url: 'client/jp/pub/jmtpapi.getList',
				  title:'请求中...',
				  data:{
					  tplx:"2"
				  }
				}).then((data) => {
				  this.jmtplist = data.data
				}).catch((err) => {});
			},
			tpfunmoninoe(time){
				let index = this.jmtplist.findIndex(element => element == time);
				this.jmtplist[index].tpsz+=1
				vk.toast(this.jmtplist[index].jmmc+"票数+1", "none", 3000);
			},
			tpfunttt(item){
				return vk.callFunction({
				  url: 'client/jp/pub/jmtpapi.addtpjgjs',
				  data: {
					zpid:item._id,
				    tpjmid:vk.getVuex('$user.userInfo._id')
				  }}).then((data) => {
					  if(data.msg == 'ok'){
						  _this.tpfunmoninoe(item);
					  }else{
						  vk.toast("已经投过票了", "none", 1000);
					  }
				  }).catch((err) => {});
			},
			addtpjg(item){
				
				if(item.tpzt == '0'){
					uni.showToast({
						title: '投票暂停',
						icon:'none',
						duration: 2000
					});
					return
				}else{
					uni.showModal({
						title: '提示',
						content: '投票',
						success: async function (res) {
							if (res.confirm) {
								//console.log('用户点击确定');
								//修改数据库
								await _this.tpfunttt(item);
								//修改虚拟内存
							} else if (res.cancel) {
								//console.log('用户点击取消');
							}
						}
					});
				}
				

			},
			// 页面数据初始化函数
			init(options){
				//vk.reLaunch("/pages_template/uni-id/index/index");
			},
			pageTo(path){
				vk.navigateTo(path);
			}
		},
		// 监听器
		watch:{
			
		},
		// 计算属性
		computed:{
			
		}
	}
</script>
<style lang="scss" scoped>
	.cu-list.menu-avatar>.cu-item .action {
	    width: 25px; 
	    text-align: center;
	}
	
</style>